// 获取相关元素节点
let wordBox=document.getElementsByClassName("wordBox")[0];
let a=document.getElementsByTagName("a")[0];
let text=document.getElementsByClassName("text")[0];
let textarea=document.getElementsByTagName("textarea")[0];
let review=document.getElementsByClassName("review")[0];
let cancel=document.getElementsByClassName("cancel")[0];
let count=1;//记录楼层
// 1.点击回复，出现留言框，回复消失
// a标签自带刷新页面的功能
a.onclick=function(){
    text.classList.add("show");
    a.classList.add("del");
}
// 2.用户输入留言

// 3.点击评论按钮，判断用户输入的内容是否为空，
// 不为空就把用户输入的内容展示到留言楼层盒子里面
// 留言框消失，回复出现
review.onclick=function(){
    // 获取用户输入的内容
    let word=textarea.value;
    if(word){
        wordBox.innerHTML+=`
        <div class="word">
           <p>${word}</p>
           <p>${count++}楼</p>
        </div> `;
        // 留言框消失
        text.classList.remove("show");
        // 回复出现
        a.classList.remove("del");
        // 清空留言框里面的留言
        textarea.value="";
    }else{
        alert("请输入留言内容！");
    }



}

// 4.点击取消，留言框消失，回复出现
cancel.onclick=function(){
     // 留言框消失
     text.classList.remove("show");
     // 回复出现
     a.classList.remove("del");
     // 清空留言框里面的留言
     textarea.value="";
}
